<?php 
	// use item, navigator of the default layout.
	$itemLayout = dirname(dirname(__FILE__)).DS.'_item.php';
	$navigatorLayout =  dirname(dirname(__FILE__)).DS.'_navigator'.DS.$params->get('navigator_layout','mixed').'.php';
	$contentSliderLayout =  dirname(dirname(__FILE__)).DS.'_contentslider'.DS.$params->get('contentslider_layout','image-description').'.php';
?>

<div id="lofslideshow<?php echo $module->id; ?>" class="lof-slideshow-black">

<div class="lof-container <?php echo $class;?> <?php echo $css3Class;?>">
	<?php if( $params->get('preload',1) ): ?>
        <div class="preload"><div></div></div>
    <?php endif; ?>
  <?php if( $class && $class != 'lof-bottom' ) : ?>
  <?php require( $navigatorLayout );?>
  <?php endif; ?>
  <!-- MAIN CONTENT -->
  <div class="lof-main-wapper" style="height:351px;"> <?php if( $params->get('display_button',1) ) : ?>
      <div class="lof-previous"><?php echo JText::_('Previous');?></div>
      <div class="lof-next"><?php echo JText::_('Next');?></div>
    <?php endif; ?>
    <?php
    foreach( $list as $row ): ?>
    <div class="lof-main-item">
      <?php  require( $contentSliderLayout ) ; ?>
    </div>
    <?php endforeach; ?>
   
  </div>
  <!-- END MAIN CONTENT -->
  <?php if( $class && $class == 'lof-bottom' ) : ?>
  <?php require( $navigatorLayout );?>
  <?php endif; ?>
</div>
 <?php if( $params->get('shadow',1) ) : ?>
  <div class="lof-shadow">&nbsp;</div>
<?php endif; ?>
</div>
